import React, { Component } from 'react'
import { Modal } from 'antd'
import './servicemodal.less'

// 关闭modal
const closeModal = (propsFun) => {
  propsFun(false)
}

const ServiceModal = (props) => (
  <Modal
    className="service-modal"
    title="咨询服务"
    visible={props.visible}
    onCancel={() => closeModal(props.handleModalVisible)}
    footer={null}
    width={600}
    centered={true}
  >
    <div className="text">
            请按照以下联系方式联系我们，我们会第一时间为您提供服务！
    </div>
    <div className="zig-bass-method method-title">
      <div className="title"><span className="title-text">Zig-Baas联系方式</span></div>
      <div className="content-info">
        <div className="info-item">
          <div className="label">联系邮箱</div>
          <div className="value">baas@zhigui.com</div>
        </div>
        <div className="info-item">
          <div className="label">技术支持</div>
          <img src={require('../../../../../images/applicationService/Z_BssS_QRCode.svg')} alt="" className="value_img"/>
        </div>
      </div>
    </div>
    <div className="zhigui-method method-title">
      <div className="title"><span className="title-text">纸贵科技联系方式</span></div>
      <div className="content-info">
        <div className="info-item">
          <div className="label">官方电话</div>
          <div className="value">029-87565620</div>
        </div>
        <div className="info-item">
          <div className="label">企业邮箱</div>
          <div className="value">info@zhigui.com</div>
        </div>
        <div className="info-item">
          <div className="label">办公地点</div>
          <div className="value">陕西省西安市碑林区南二环西段69号西安创新设计中心2201室</div>
        </div>
        <div className="info-item">
          <div className="label">官方订阅号</div>
          <img src={require('../../../../../images/applicationService/ZhiGui_QRCode.svg')} alt="" className="value_img"/>
        </div>
      </div>
    </div>
  </Modal>
)

export default ServiceModal
